<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CMS - Panel de Administraci&oacute;n</title>

<!-- CSS -->
<link href="/css/transdmin.css" rel="stylesheet" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" type="text/css" media="screen" href="style/css/ie6.css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen" href="style/css/ie7.css" /><![endif]-->
<link rel="stylesheet" href="/css/system/jquery-ui-1.7.2.custom.css" type="text/css">
</link>
<link href="/css/nicetitle.css" rel="stylesheet" type="text/css" />
<link href="/css/blue/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/js/plugins/fancybox/jquery.fancybox-1.3.1.css" type="text/css">
</link>

<!-- JavaScripts-->
  <script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script>
  <!--  <script src="/js/jquery-1.4.2.min.js" type="text/javascript"> </script>-->



<script src="/js/jquery-ui-1.8.custom.min.js" type="text/javascript">
</script>
<script src="/js/ui.multiselect.js" type="text/javascript">
</script><script src="/js/i18n/ui.datepicker-es.js" type="text/javascript">
</script>
<script src="/js/jquery.metadata.js" type="text/javascript">
</script>
<script src="/js/jquery.corner.js" type="text/javascript">
</script>
<script src="/js/jquery.validate.min.js" type="text/javascript">
</script>

<script src="/js/jquery.rater.js" type="text/javascript">
</script>
<script src="/js/jquery.cookie.js" type="text/javascript">
</script>
<script src="/js/commons.js" type="text/javascript">
</script>
<script src="/js/jquery.cycle.all.js" type="text/javascript">
</script>
<script src="/js/system_lib.js" type="text/javascript">
</script>

<script src="/js/nicetitle.js" type="text/javascript">
</script>

<script src="/js/jquery.tablesorter.js" type="text/javascript">
</script>
<script src="/js/jquery.tablesorter.pager.js" type="text/javascript">
</script>
<script type="text/javascript" src="/js/plugins/fancybox/jquery.fancybox-1.3.1.js"></script>
<script type="text/javascript" src="/js/jNice.js"></script>
<script>
$(document).ready(function() {
	$("button, input:submit").button();	
});


</script>
</head>

<body>
	<div id="wrapper">
    	<!-- h1 tag stays for the logo, you can use the a tag for linking the index page -->
    	<div style="width : 100%; margin-bottom: 10px; float : left;">
            <h1><a href="#" style="float: left"><img  src="/images/logo1.png" width=150></a> </h1>
            <div id="logged_as" style="width : 50%; float: right;   margin-top: 20px; text-align: right; ">
                <img src="/images/icons/user_orange.png" style="vertical-align : middle" />&nbsp;<span style="font-size : 11px;"><b><?=$this->name?> <?=$this->last_name?></b></span></div>
        </div>
        <!-- You can name the links with lowercase, they will be transformed to uppercase by CSS, we prefered to name them with uppercase to have the same effect with disabled stylesheet -->
        <ul id="mainNav">
        <? foreach( $this->modules as $m ):?>
        <? if ( $m['name'] == $this->rootModule[0]['name'] ) 
        	$class = 'class="active"'; 
        else 
        	$class = ""; 
        ?>
        	<li><a href="/admin/<?=$m['action'] ?>" <?=$class?> > <?= $m['name'] ?></a></li>
        	<!-- class="active" -->
        <?endforeach;?>	
        	<li class="logout"><a href="/admin/user/logout">Salir</a></li>
        </ul>
        <!-- // #end mainNav -->
        

         <div id="containerHolder">
			<div id="container">
        		<div id="sidebar">
                	<ul class="sideNav">
                		<? foreach( $this->subModules  as $s) :?>
                			<? if ( $s['system_name'] == $this->actualModule ) 
        						$class = 'class="active"'; 
        					   else 
        						$class = ""; 
        					?>
                    		<li><a href="/admin/<?=$s['action']?>" <?=$class?>><?= $s['name']?></a></li>
                    	<?endforeach;?>
                    </ul>
                    <!-- // .sideNav -->
                </div>    
                <!-- // #sidebar -->
				<?=$this->layout()->content?>	
            </div>
            <!-- // #container -->
        </div>	
        <!-- // #containerHolder -->
        <p id="footer" style="text-decoration: none; font-size: 13px;  float: left;"> <span>Powered by:</span>
            <a href="http://www.serranadigital.com"><img alt="serrana digital"  style="vertical-align: middle" src="/images/poweredby.png" /></a>
        </p>
    </div>
    <!-- // #wrapper -->
</body>
</html>
